<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<style>
    body {
        font-size: 30px;
        font-weight: 500;
        color: pink;
        /*字体大小的2倍*/
        line-height: 2;
    }
</style>
<body>
    <!-- 
        这里设置了body标签的属性，body标签下面的子标签会继承body的属性
        如果子类有自己的属性，将不会继承父类的属性，或者是覆盖了
        子元素可以继承父元素的样式 text- font- line- color (跟文字属性相关)
        行高也会被继承，但是这里的a标签和span标签不会继承行高，因为a和span都是行内元素，行内元素不受行高的影响
    -->
    <p>p标签</p>
    <div>div标签</div>
    <span>span标签</span>
    <a href="#">鼠标经过超链接变色</a>
</body>

</html>